<!DOCTYPE html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <h1>
    <span class="label label-info">DEMO 2</span>
  </h1>
  <br>
  <br>
  <br>
  <div class="well" id="well">

  </div>

  <script src="js/jquery.min.js"></script>
  <script src="js/react.js"></script>
  <script src="js/react-dom.js"></script>
  <script src="js/browser.min.js"></script>

  <script type="text/babel">
    class Text extends React.Component {
      render() {
        return (
          <div className='a'>我是{this.props.name},今年{this.props.age}岁。</div>
        )
      }
    }

    const textEle = <Text name="张无忌" age="101" />     
    ReactDOM.render(
        textEle,
        document.getElementById('well')
    )
  </script>
</body>
</html>